<?php
include("header.php");
if (isset($_GET['erro'])) {
    $ERRO = $_GET['erro'];
}
if (isset($ERRO)) {
    if ($ERRO == "true") {
        echo "<script>
                   $(document).ready(function () {
                   var elem = document.getElementById('pula-linha');
                   elem.parentNode.removeChild(elem);
                   });
               </script>";
               echo "<div>
            <br>
            <br>
            <br>
            <br>
        </div>
         <div id='login_invalid' class='alert alert-danger login-invalid' role='alert'><strong>Erro!</strong> Usuário ou Senha inválidos.</div>";
    }
}
?>
<body>
    <div class="container">
        <div id="pula-linha">
            <br>
            <br>
            <br>
        </div>
        <form class="form-signin" id="login" method="post" action="login.php">
            <div>
                <img src="img/notas.png" style="height: 200px;" class="col-xs-12 col-md-12 col-lg-12 col-sm-12"/>
            </div>
            <br>
            <br>
            <label for="user" class="sr-only">Usu&aacute;rio</label>
            <input type="text" id="user"  name="user" class="form-control" placeholder="Usu&aacute;rio" required autofocus>
            <br/>
            <label for="pass" class="sr-only">Senha</label>
            <input type="password" id="pass" name="pass" class="form-control" placeholder="Senha" required>
            <button class="btn btn-lg btn-primary btn-block" type="submit" id="entrar" name="entrar">Entrar</button>
            <br>
        </form>
        <div id="login_invalid" class="alert alert-danger" role="alert" style="display:none">Usuário ou Senha inválidos!</div>
    </div>
</body>
</html>

